<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>邮件html</title>
</head>

<body style="
    display: flex;
    justify-content: center;
    align-items: center;
">
    <div style="
        width: 400px; 
        height: 200px; 
        background-image: url(https://cyfqyb.oss-cn-guangzhou.aliyuncs.com/markdown/%E7%BB%AB%E5%8D%8E.jpg);
        background-size: cover;
        background-position: center;
        opacity: 0.8;
        ">
        <div style="
            width: 100%;
            height: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
            font-size: 16px;
            color: #fff;
        ">
            用户你好,<br>欢迎注册IM在线通信平台,<br>您的验证码为：{{$code}},<br>请在5分钟内完成验证。
        </div>
    </div>
</body>

</html>